<template>
  <div>
    <a-row gutter="20">
      <a-col span="8">
        <a-card title="报工详情">
          <p>产品标识号：H13-A1</p>
          <p>报工工序：xxx</p>
          <p>报工人员：陈宾</p>
          <p>需生产产量/数量:11.5T</p>
          <p>报工产量/数量(合格)：11.3T</p>
          <p>余料产量/数量(合格)：0.2T</p>
          <p>报工时间：2025-03-12 13:45</p>
        </a-card>
      </a-col>

      <a-col span="8">
        <a-card title="报工详情">
          <p STYLE="color: #f60000">产品标识号：H13-A2-1 (拆单出来的)</p>
          <p>报工工序：xxx</p>
          <p>报工人员：陈宾</p>
          <p>需生产产量/数量:11.5T</p>
          <p>报工产量/数量(合格)：11.3T</p>
          <p>余料产量/数量(合格)：0.2T</p>
          <p>报工时间：2025-03-12 13:45</p>
        </a-card>
      </a-col>

      <a-col span="8">
        <a-card title="报工详情">
          <p STYLE="color: #f60000">产品标识号：H13-A2-2 (拆单出来的)</p>
          <p>报工工序：xxx</p>
          <p>报工人员：陈宾</p>
          <p>需生产产量/数量:11.5T</p>
          <p>报工产量/数量(合格)：11.3T</p>
          <p>余料产量/数量：0.2T</p>
          <p>报工时间：2025-03-12 13:45</p>
        </a-card>
      </a-col>

      <a-col span="8">
        <a-card title="报工详情">
          <p>产品标识号：H13-A3</p>
          <p>报工工序：xxx</p>
          <p>报工人员：陈宾</p>
          <p>需生产产量/数量:11.5T</p>
          <p>报工产量/数量(合格)：11.3T</p>
          <p>余料产量/数量(合格)：0.2T</p>
          <p>报工时间：2025-03-12 13:45</p>
        </a-card>
      </a-col>
    </a-row>

  </div>
</template>

<script lang="ts" setup>

</script>

<style scoped>

</style>
